<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<!--<style>
    body {
        background-color: cornsilk;
        background-image: url(干花.png);
        background-size: 100%;
        background-attachment: fixed;
        background-position: 20px 20px;
    }
</style>
<style>
    a {
        background-color: darkgreen;
        width: 200px;
        height: 200px;
        display: block;
    }
    
    div {
        background-color: darkkhaki;
        width: 200px;
        height: 200px;
        display: inline;
    }
    
    p {
        background-color: darkslateblue;
        width: 200px;
        height: 200px;
        display: inline-block;
    }
</style>

<body>
    <a href="#">猜猜我是谁</a>

    <a href="#">猜猜我是谁</a>
    <div>
        我本是行类元素，现在我要变了
    </div>
    <div>
        我本是行类元素，现在我要变了
    </div>
    <p>
        我又要变了
    </p>
    <p>
        我又要变了
    </p>-->
<style>
    a {
        width: 300px;
        height: 35px;
        display: block;
    }
    
    a:hover {
        background-color: goldenrod;
        letter-spacing: 3px;
    }
    
    a:link {
        text-emphasis: none;
        color: rgb(190, 163, 94);
    }
</style>

<body>
    <a href="https://jiadian.jd.com/">家用电器</a>
    <a href="https://shouji.jd.com/">手机/运营商/数码</a>
    <a href="https://diannao.jd.com/">电脑/办公</a>
    <a href="https://channel.jd.com/home.html">家居/家具/家装/厨具</a>
    <a href="https://channel.jd.com/1315-1342.html">男装/女装/童装/内衣</a>
    <a href="https://beauty.jd.com/">美妆/个护清洁/宠物</a>
    <a href="https://phat.jd.com/10-184.html">女鞋/箱包/钟表/珠宝</a>
    <a href="https://phat.jd.com/10-185.html">男鞋/运动/户外</a>

</body>

</html>